<html xmlns="http://www.w3.org/1999/xhtml"
        xmlns:ui="http://java.sun.com/jsf/facelets"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:f="http://java.sun.com/jsf/core"
        xmlns:p="http://primefaces.prime.com.tr/ui">
        
        
<ui:composition template="/modeleFormulaire.xhtml">
	<ui:define name="contenu">
        <h:form method=post action="lancerRecherche">
        	<p:panel header="Veuillez remplir au moins un des champs ci-dessous" toggleable="true">
	        	<h:outputLabel style="color:#245F86;"  value = "Artiste : " />
	        	<h:inputText value="#{vueFormulaire.artist}"/>   
				<h:selectBooleanCheckbox value="#{vueFormulaire.orthoArtist}"/>   		  
	        	<h:outputLabel style="color:#245F86;"  value = "Album : " />
	        	<h:inputText value="#{vueFormulaire.album}"/>
				<h:selectBooleanCheckbox value="#{vueFormulaire.orthoAlbum}"/>
	        	<h:outputLabel style="color:#245F86;"  value = "Chanson : " />
	        	<h:inputText value="#{vueFormulaire.track}"/> 
				<h:selectBooleanCheckbox value="#{vueFormulaire.orthoTrack}"/>
				<h:outputLabel style="color:#245F86;"  value = "(d�cochez la case si vous �tes absolument certain de l'orthographe)" />
				<p:messages id="msgs" showDetail="true"/> 
				<h:outputLabel style="color:#245F86;"  value = "Vous recherchez..." />
				<h:selectOneRadio id="ceQueRecherche" value="#{vueFormulaire.ceQueRecherche}">
					<f:selectItem id="item1Chanson" itemLabel="...une chanson" itemValue="1" />
					<f:selectItem id="item2Artiste" itemLabel="...un artiste" itemValue="2" />
					<f:selectItem id="item3Album" itemLabel="...un album" itemValue="3" />
				</h:selectOneRadio>
				<p:commandButton value ="C'est parti !" action="#{vueFormulaire.lancerRecherche}" 
						update="msgs" ajax="false"/>
			</p:panel>			
 		</h:form> 
	</ui:define>
</ui:composition>
</html>
